<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>个人信息</title>
	<base href="http://localhost:8080/Barbr/">
	<script src="js/common.js"></script>	<%--退出登录--%>
	<script src="js/Personal.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/vintage.js"></script>
	<script src="js/jquery-1.12.4.min.js"></script>
	<link rel="stylesheet" href="layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="css/Personal Information.css">
	<link rel="shortcut icon" href="img/hair.png">
	<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo layui-hide-xs layui-bg-black">H·Y</div>
		<!-- 头部区域（可配合layui 已有的水平导航） -->
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item layui-hide layui-show-md-inline-block">
				<a href="javascript:;">
					<img src="img/geren.png" class="layui-nav-img">
					<span id="username">${sessionScope.username}</span>
				</a>
				<dl class="layui-nav-child">
					<dd><a href="html/Personal_Information.jsp">个人信息</a></dd>
					<dd><a href="logout">退出登录</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
				<a href="javascript:;">
					<i class="layui-icon layui-icon-more-vertical"></i>
				</a>
			</li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
			<ul class="layui-nav layui-nav-tree" lay-filter="test">
				<li class="layui-nav-item layui-nav-itemed">
					<a class="layui-nav-item" href="html/MembershipManagement.jsp">会员管理</a>
				</li>
				<li class="layui-nav-item">
					<a href="html/investMoney.jsp">充值与查询</a>
				</li>
				<li class="layui-nav-item">
					<a href="html/addMembership.jsp">办理会员卡</a>
				</li>
				<li class="layui-nav-item">
					<a href="html/operation.jsp">会员操作记录</a>
				</li>
				<li class="layui-nav-item"><a href="html/Personal_Information.jsp">个人信息</a></li>
			</ul>
		</div>
	</div>

	<div class="layui-body">
		<!-- 内容主体区域 -->&nbsp;
		<div style="padding: 15px;">
        <div id="infromation">
        <h2>基本信息</h2><hr/>
       <label>姓名<input type="text" maxlength="10"   id="username2" name="username" disabled value="${sessionScope.username}"></label><br/>
       <label>注册时间<input type="text" id="RegistrationTime" name="RegistrationTime" disabled value="${sessionScope.regist}"></label>
       <form>
       <h2 style="margin-top: 1em;">修改密码</h2><hr/>
		<%--value="<%=session.getAttribute("tellphone")%>"--%>
        <label>手机号<input type="text" id="telephone" name="tellphone" maxlength="11" value="" autofocus required onkeyup="this.value=this.value.replace(/\D/g,'')" onchange="Ipone()" onafterpaste="this.value=this.value.replace(/\D/g,'')"></label><span id="phone"></span><br/>
        <label>新密码<input type="password" id="newpassword" name="newpwd" maxlength="16" minlength="6" required onchange="npd()" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"></label><span id="nepd"></span><br/>
        <label>确认新密码<input type="password" id="againpassword" name="againpassword" maxlength="16" minlength="6" required onchange="opd()" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"></label><span id="oepd"></span><br/>
        <button type="button" class="layui-btn layui-btn-normal" id="submit" onclick="sub()" style="width: 10%; margin:1.2em auto;">提交</button>
        <button type="reset" class="layui-btn layui-btn-normal" style="width: 10%; margin:1.2em auto; margin-left: 1.5em;">重置</button>
    </form>
    </div>
    </div>
		<hr/>
	</div>
	<div class="layui-footer" style="text-align:center;">
	H·Y
	</div>
</div>
<script src="layui-v2.6.8/layui/layui.js"></script>
<script>
	//JS
	layui.use(['element', 'layer', 'util'], function(){
		var element = layui.element
			,layer = layui.layer
			,util = layui.util
			,$ = layui.$;

		//头部事件
		util.event('lay-header-event', {
			//左侧菜单事件
			menuLeft: function(othis){
				layer.msg('展开左侧菜单的操作', {icon: 0});
			}
			,menuRight: function(){
				layer.open({
					type: 1
					,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
					,area: ['260px', '100%']
					,offset: 'rt' //右上角
					,anim: 5
					,shadeClose: true
				});
			}
		});

	});
</script>
</body>
</html>
